@charset "utf-8";
.center {
	text-align: center;
}

.flex_centen{
	display: flex;
    align-items: center;
    justify-content: center;
}

.cursor{
	cursor: pointer;
}

.clear {
	clear: none;
}

.none {
	display: none;
}

.flex {
	display: flex;
}

a:hover {
	color: #FF4B40;
}

.red {
	color: #fe3f3f;
}

.orange {
	color: #f08200;
}

.blue {
	color: #29B3FF;
}

.yellow {
	color: #FF4B40;
}

.gray {
	color: #666;
}

.yue {
	color: #00bdbd;
	font-size: 12px;
	position: relative;
	top: -9px;
	left: -28px;
}
.green{
	color: #52C41A;
}
.red{
	color:#FFFF4B40;
}

.btn_model_close{
	font-size: 5rem;
    color: white;
    position: relative;
    right: -6rem;
}

.t_a {
	background: #383838;
	width: 100%;
	padding: 9px 0;
	color: white;
	font-size: 13px;
}

.t_a1 {
	width: 98%;
	max-width: 1300px;
	margin: 0px auto;
	padding: 0 10px;
}

.t_a .t_a1 img {
	margin: -4px 5px 0 7px;
}

.t_a2 {
	border: 1px solid #FFFFFF;
	border-radius: 9.5px;
	padding: 0 6px;
	margin-left: 10px;
	margin-top: -1px;
}

.t_a3 a {
	color: white;
}

.t_a3 a:hover {
	color: #FF4B40;
}

.t_b {
	background: #FFFFFF;
	height: auto;
}

.t_b1 li {
	float: left;
	font-size: 16px;
	margin-right: 3%;
	padding: 44px 0;
}

.t_b1 li a {
	color: #090705;
}

.t_b1 li a:hover {
	color: #FF4B40;
}

.clear {
	clear: both;
}

.bottom_a {
	display: inline-block;
	padding: 6px 2%;
	border-left: 1px solid #FFFFFF;
	margin-left: 1.4%;
}

.bottom_b {
	display: inline-table;
	padding: 25px 0 25px 10px;
	opacity: 0.5;
	color: #FFFFFF;
}

.bottom_b a{
	color: #FFFFFF;
}

.omit{
	position: relative;
    top: -4px;
}

.content {
	background: #FFFFFF;
	width: 100%;
	height: auto;
	padding: 60px 0;
}

.content a:hover {
	color: #FF4B40;
}

.content_h a {
	color: #666666;
}

.content_left {
	background: #F5F7FA;
	border-radius: 6px;
	float: left;
	width: 38.3%;
	max-width: 290px;
	height: auto;
	color: #333333;
}

.content_right {
	float: left;
	width: 75%;
	max-width: 1000px;
	height: auto;
	margin-left: 2%;
}

.content_a {
	width: 91px;
	height: 91px;
	border: 2px solid white;
	border-radius: 45px;
	margin: -45px auto 0 auto;
}

.content_b {
	font-size: 16px;
	color: #333333;
	text-align: center;
	padding-top: 10px;
}

/* .t_a1 a {
	color: white;
} */

.t_a1 a:hover {
	color: #FF4B40;
}

.content_c {
	font-size: 14px;
	color: #666666;
	text-align: center;
}

.content_d {
	background: #E6E9ED;
	border-radius: 20px;
	font-size: 12px;
	color: #656D78;
	display: inline-block;
	padding: 3px 10px;
	margin-right: 10px;
	cursor: pointer;
}

.content_f {
	font-size: 12px;
	color: #666666;
	text-align: center;
	display: inline-block;
	margin: 10px 0 0 0;
	width: 32%;
}

.content_newf {
	font-size: 12px;
	color: #666666;
	text-align: center;
	display: inline-block;
	margin: 10px 0 0 0;
	width: 100%;
}

new_content_img

.content_g {
	font-size: 26px;
	color: #333333;
	font-weight: 600;
}

.content_h {
	margin-top: 25px;
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 30px;
}

.content_h img {
	margin: -2px 5px 0 10px;
}

#daohang_div{
	position: fixed;
    bottom: 40%;
    right: 1%;
    max-width: 80px;
    z-index: 99;
}

.daohang_icon{
    font-size: 12px;
    background: #F5F7FA;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.daohang_icon>img{
	transition: all 0.6s ease 0s;
}

.daohang {
	width: 80px;
	height: auto;
	background: #F5F7FA;
	box-shadow: 0 0 10px 0 rgba(142, 142, 142, 0.10);
	border-radius: 10px 10px 0 0;
	bottom: 40%;
	right: 5%;
	text-align: center;
	font-size: 13px;
	color: #555555;
	overflow: hidden;
	height: 376px;
}

.daohang div {
	margin-bottom: 14px;
	cursor: pointer;
	width: 100%;
    overflow: hidden;
    height: 47px;
}

.daohang img {
	margin-bottom: 5px;
}

.content_bz {
	float: left;
	margin: 0 0 0 0;
	width: 337px;
	position: relative;
	top: -73px;
}

.content_book {
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 18.5px;
	font-size: 15px;
	color: #FFFFFF;
	padding: 6px 12px 8px 12px;
	display: inline-block;
}

.content_lj {
	border: 1px solid #FFFFFF;
	border-radius: 18.5px;
	color: white;
	font-size: 15px;
	padding: 5px 12px 7px 12px;
	display: inline-block;
	margin-left: 6%;
}

.content_es {
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 18.5px;
	color: #FFFFFF;
	padding: 6px 12px 8px 12px;
	display: inline-block;
	font-size: 15px;
}

/* 浣撻獙璇剧害璇炬ā鎬佹 trialBook.jsp */
.trialBook .nav-tabs,.nav-tabs>li>a {
	border: 0;
	color: #333333;
	text-align: center;
}

.trialBook .nav-tabs>li>a {
	background: #E6E9ED;
	border-radius: 2px;
	padding: 0 0 10px 0;
	width: 115.5px;
	margin-right: 9px;
	border: 1px solid #F5F7FA;
	color: #333333;
}

.trialBook .active .txk_f {
	background: #FF4B40;
}

.trialBook .nav-item .active {
	background: #FFEFEE;
	border-color:white;
}

.txk_a {
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	font-weight: 600;
}

.txk_b {
	font-size: 14px;
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	margin-top: 10px;
}

.txk_c {
	font-size: 14px;
	color: #333333;
	letter-spacing: 0;
	line-height: 24px;
	margin-top: 20px;
}

.txk_d {
	font-size: 13px;
	color: #333333;
	margin-top: 5px;
}

.txk_d input {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.txk_f {
	background: #AAB2BD;
	border-radius: 2px;
	height: 6px;
	margin-bottom: 10px;
}

.txk_time {
	background: #E6E9ED;
	border: 1px solid #AAB2BD;
	border-radius: 4px;
	color: #656D78;
	width: 115px;
	text-align: center;
	padding: 5px 0;
	margin: 10px 10px 0 0;
	float: left;
	cursor: pointer;
}

.txk_time_active {
	background: #FFEFEE;
	border: 1px solid #FF4B40;
	color: #FF4B40;
}

.txk_bj {
	background: url(../images/newStu/txk_bj.png) no-repeat center;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	width: 100%;
	height: auto;
	padding: 15px 20px;
}

.txk_g {
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 6px;
	width: 100px;
	text-align: center;
	padding: 5px 0;
	margin: 20 auto 10px auto;
	color: #FFFFFF;
	cursor: pointer;
}

.txk_input {
	background: #F5F7FA;
	border-radius: 2px;
	border: 0px;
	height: 40px;
	width: 300px;
	margin-top: 5px;
	font-size: 14px;
	padding: 0px 7px;
	color: #656D78;
}

.txk_input input::-webkit-input-placeholder { /* placeholder棰滆壊  */
	color: #656D78;
}

<!--浣撻獙璇剧害璇炬垚鍔熸彁绀烘 -->
.tbs_a {
	background: #F5F7FA;
	border-radius: 6px;
}

.tbs_b {
	background: #FF4B40;
	border-radius: 6px 0 15px 0;
	padding: 5px 0;
	color: #FFFFFF;
	width: 100px;
	text-align: center;
}

.tbs_a p {
	color: #666666;
	line-height: 24px;
}

.tbs_c {
	font-weight: 600;
	color: #333333;
	margin: 15px 0px;
}

.tbs_btn {
	background-image: linear-gradient(144deg, #47BCFC 0%, #38B5FC 100%);
	border-radius: 6px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	display: inline-block;
	padding: 8px 0;
	text-align: center;
	width: 100px;
	cursor: pointer;
	margin: 30px 10px 10px 10px;
}

.tbs_d {
	width: 200px;
	float: left;
	text-align: center;
}

.tbs_d img {
	width: 100px;
}

.tbs_d p {
	font-size: 12px;
	color: #666666;
	text-align: center;
}

.cont_sp_a {
	font-size: 18px;
	color: #333333;
}

.cont_sp_btn {
	font-size: 16px;
	color: #FF4B40;
	background: #FFEFEE;
	border: 1px solid #FF4B40;
	border-radius: 4px;
	float: right;
	width: 120px;
	text-align: center;
	padding: 5px 0;
	margin-left: 20px;
	margin-top: -5px;
	cursor: pointer;
}

.cont_sp_div {
	margin: 15px 0 17px 0;
}

.cont_sp_class {
	background: #F5F7FA;
	border-radius: 6px;
	height: auto;
	padding: 1% 3% 1.5% 3%;
	margin-bottom: 3.5%;
}

.cont_sp_class th {
	font-size: 14px;
	color: #333333;
	padding: 5px 1% 5px 2%;
	height: 42px;
}

.cont_sp_class td {
	font-size: 13px;
	color: #333333;
	padding: 5px 1% 5px 2%;
	height: 42px;
}

.cont_btn1 {
	background: #F5A623;
	border-radius: 20px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	max-width: 100px;
	width: 35%;
	display: inline-block;
	padding: 5px 0;
	margin: 1% 3% 1% 0;
	cursor: pointer;
}

.cont_btn2 {
	background: #C786FE;
	border-radius: 20px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	max-width: 100px;
	width: 35%;
	display: inline-block;
	padding: 5px 0;
    margin: 1% 3% 1% 0;
	cursor: pointer;
}
/* 钃濊壊 */
.cont_btn3 {
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 50px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	width: 150px;
	display: inline-block;
	padding: 5px 0;
	margin: 0 1%;
	cursor: pointer;
}
/* 鐏拌壊 */
.cont_btn4 {
	background: #E6E9ED;
	border-radius: 20px;
	font-size: 12px;
	color: #656D78;
	text-align: center;
	max-width: 100px;
	width: 35%;
	display: inline-block;
	padding: 5px 0;
	margin: 1% 3% 1% 0;
	cursor: pointer;
}
/* 缁胯壊 */
.cont_btn5 {
	background: #4fdc73;
	border-radius: 20px;
	font-size: 12px;
	color: white;
	text-align: center;
	max-width: 100px;
	width: 35%;
	display: inline-block;
	padding: 5px 0;
	margin: 1% 3% 1% 0;
	cursor: pointer;
}

/* 浣滄枃鎸夐挳 */
.cont_btn6 {
    background: #F5A623;
    border-radius: 20px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    max-width: 100px;
    width: 27%;
    min-width: 61px;
    display: inline-block;
    padding: 5px 0;
    margin: 1% 5% 1% 0;
    cursor: pointer;
}

.cont_btn7 {
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 4px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	max-width: 100px;
	width: 35%;
	display: inline-block;
	padding: 5px 0;
	margin: 1% 3% 1% 0;
	cursor: pointer;
}

.cont_btn8 {
	display: inline-block;
	font-size: 13px;
	color: #1890FF;
	cursor: pointer;
	border-right: 2px solid #cccccc;
	padding: 0 5px;
}

.teachingGE_btn {
	color: #FF4B40;
}

/* speakBook.jsp*/
.sb_a {
	background: #F5F7FA;
	border-radius: 6px;
	margin-bottom: 30px;
}

.tips_content{
	padding: 15px 15px;
	transition: all ease 1s;
    max-height: 200px;
    overflow: hidden;
}

.tips_content p{
	font-size: 14px;
    color: #666666;
    margin-bottom: 5px;
}

.tips_content2{
	padding: 0px 15px 15px 15px;
}

.tips_btn{
	color: #FF4B40;
    border: 1px solid #FF4B40;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	width: 100px;
	padding: 2px 0;
	display: inline-block;	
	margin-right: 15px;
	cursor: pointer;
}

.tips_show{
	font-size: 13px;
	color: #FF4B40;
	float: right;
	padding: 2px 0;
	cursor: pointer;
}

.tips_show img{
	margin-left: 5px;
}

.select_div {
	text-align: center;
	margin: 40px 0 5px 0;
}

.select_index {
	background: #FFEFEE;
	font-size: 13px;
	color: #666666;
	width: 26px;
	padding: 3px 0;
	border-radius: 26px;
	text-align: center;
	display: inline-block;
	margin: 4px;
	cursor: pointer;
}

.select_index_active {
	background: #FF4B40;
	color: #FFFFFF;
}

.select_img {
	display: inline-block;
	width: 20px;
	text-align: center;
	cursor: pointer;
}

.no_data {
	text-align: center;
	padding: 10% 0 12% 0;
}

.no_date_text {
	font-size: 16px;
	color: #666666;
	text-align: center;
	padding: 2% 0;
}

/* 璇剧▼璇︽儏 classDetail.jsp */
.cls_dt_a {
	font-size: 14px;
	color: #333333;
	margin-bottom: 15px;
	font-weight: 600;
}

.cls_dt_b {
	background: #FF4B40;
	border-radius: 2px;
	height: 6px;
}

.cls_dt_c {
	background: white;
	border-radius: 2px;
	padding: 20px 3%;
	font-size: 13px;
	color: #333333;
	margin-bottom: 2%;
}

.cls_dt_f {
	border-radius: 2px;
	border: 1px solid #DEDEDE;
	padding: 0px 5px;
}

.cls_dt_g {
	border-radius: 2px;
	padding: 10px;
	width: 100%;
	min-height: 150px;
	background: #FFFFFF;
	border: 0px;
	resize: none;
	font-size: 13px;
	color: #999999;
}

.cls_dt_d {
	margin: 0 5% 20px 0;
	display: inline-block;
}

.cls_dt_d input {
	margin: 0 5px;
}

.evaluation {
	margin: 0 0px 0 7px;
}

.cls_dt_h {
	text-align: center;
	margin-right: 38px;
}

.cls_dt_j {
	display: flex;
	margin-bottom: 10px;
}

.cls_dt_k {
	margin-bottom: 15px;
	height: 100px;
}

.cls_dt_l {
	font-size: 12px;
	color: #666666;
	border: 1px solid #cccccc;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	margin: 0 13px 12px 0;
	border-radius: 5px;
	padding: 0 10px;
	text-align: center;
	cursor: pointer;
	background: #FFFFFF;
}

.cls_dt_l_active {
	border-color: #FF4B40;
	color: #FF4B40;
}

.evaluation_a {
	width: 107px;
	height: 40px;
}

.evaluation_b {
	width: 156px;
	height: 55px;
}

.evaluation_c {
	width: 154px;
	height: 46px;
}

.cls_tea {
	background: #E6E9ED;
    border: 1px solid #AAB2BD;
    border-radius: 4px;
    color: #656D78;
    min-width: 115px;
    text-align: center;
    padding: 5px 5px;
    margin: 10px 15px 0 0;
    float: left;
    cursor: pointer;
}

.cls_tea_active {
	background: #FFEFEE;
	border: 1px solid #FF4B40;
	color: #FF4B40;
}

.tab_select,.tab_select_none,.tab_book_man,.tab_book_yue{
	background: #E6E9ED;
	border: 1px solid #AAB2BD;
	border-radius: 4px;
	color: #656D78;
	width: 115px;
	text-align: center;
	padding: 5px 0;
	margin: 10px 10px 0 0;
	float: left;
	cursor: pointer;
}

/* 鍗冲皢棰勭害婊�*/
.tab_book_man{
	background: #FFD8D6;
	border: 1px solid #FF4B40;
	color: #FF4B40;
	margin: 0px auto;
	float: none;
}

/* 绾﹁ */
.tab_book_yue{
	background: #FFEFEE;
	border: 1px solid #FF4B40;
	color: #FF4B40;
	margin: 0px auto;
	float: none;
}

.es_book_tea{
	/* margin-bottom: 15px; */
	display: none;
}

.es_book_tea div{
	display: none;
}

.tab_select_active {
	background: #FFEFEE;
	border: 1px solid #FF4B40;
	color: #FF4B40;
}

.cls_time,.cls_time_book {
	background: rgba(255, 204, 153, 0.81);
	border: 1px solid rgb(255, 153, 0);
	border-radius: 4px;
	color: #333333;
	max-width: 115px;
    width: 18%;
    min-width: 105px;
	text-align: center;
	padding: 7px 0;
	margin: 10px 10px 0 0;
	float: left;
	cursor: pointer;
}

.eassy_btn_no{
	background: #E6E9ED !important;
    color: #656D78 !important;
}

.cls_time:hover {
	background: rgba(0, 204, 102, 0.81);
	border: 1px solid rgba(0, 204, 102, 0.81);
	color: white;
}

.cls_time_book{
	background: rgba(0, 204, 102, 0.81);
	border: 1px solid rgba(0, 204, 102, 0.81);
	color: white;
}

.cls_btn{
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 6px;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	width: 20%;
	padding: 5px 0;
	display: inline-block;
	margin: 3% 1.5% 2% 1.5%;
	cursor: pointer;
}

.cls_dt_l input{
	display: none;
}

#speak-book .nav-tabs .nav-link {
	width: 125px;
	background: #E6E9ED;
	font-size: 14px;
	color: white;
	border: 0px;
	color: #666666;
	margin-left: 1px;
	cursor: pointer;
}

#speak-book .nav-tabs .active {
	background: #F5F7FA;
	color: #383838;
}

#speak-book .nav-tabs {
	border: 0px;
}

.bai-dong{
	animation: shake 1s;
 -o-animation: shake 1s;
 -webkit-animation: shake 1s;
 -moz-animation: shake 1s;
}

.cls-title{
    font-size: 20px;
    text-align: center;
    margin: 15px;
}

.cls-cont{
	font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 24px;
    padding-left: 100px;
    margin-bottom: 10px;
}

.cls-cont1{
	font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
	text-align: center;
}


.cls-tishi{
	font-size: 12px;
	color: #999999;
	letter-spacing: 0;
	line-height: 24px;
	text-align: center;
	margin-bottom: 20px;
}

.cls-btn1{
	background-image: linear-gradient(144deg, #47BCFC 0%, #38B5FC 100%);
	border-radius: 6px;
	font-size: 14px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	width: 100px;
    padding: 7px 0;
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
}

.cls-bom{
	text-align: center;
}

.bok-model-a{
	font-size: 14px;
	color: #333333;
	letter-spacing: 0;
	line-height: 24px;
	margin: 10px 0 5px 0;
}

.bok-model-b{
	background: #F5F7FA;
	border-radius: 2px;
	width: 100%;
	font-size: 14px;
	color: #656D78;
	letter-spacing: 0;
	text-align: center;
	line-height: 24px;
	padding: 10px 0;
}

.bok-model-c{
	font-size: 12px;
	color: #333333;
	display: flex;
	margin: 5px 0 20px 0;
}

.bok-model-c input{
	margin: 0 5px 0 8px;
}

.bok-model-cont{
	padding: 0 10%;
	margin-bottom: 35px;
}

.suc-cont{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 24px;
    margin-bottom: 10px;
    min-height: 100px;
    display: flex;
    align-items: center;
}
   
.suc-cont p{
 	width: 90%;
 	margin: 0 auto;
}

.cls-book-tips{
	font-size: 12px;
	color: #656D78;
	margin-top: 5px;
}

.eval_eassy{
	height: 46px;
	width: 107px;
}

.file_tips{
	font-size: 12px;
    display: inline-block;
    float: left;
    color: #999999;
    padding: 15px 0 0 14px;
}

@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-5px);
}
20%,40%,60%,80% {
-webkit-transform: translateX(5px);
}
}
@-o-keyframes shake {
 /* Opera */
 0%, 100% {
 -webkit-transform: translateX(0);
 }
 10%,
 30%,
 50%,
 70%,
 90% {
 -webkit-transform: translateX(-5px);
 }
 20%,
 40%,
 60%,
 80% {
 -webkit-transform: translateX(5px);
 }
}
@-webkit-keyframes shake {
 /* Safari 鍜�Chrome */
 0%, 100% {
 -webkit-transform: translateX(0);
 }
 10%,
 30%,
 50%,
 70%,
 90% {
 -webkit-transform: translateX(-5px);
 }
 20%,
 40%,
 60%,
 80% {
 -webkit-transform: translateX(5px);
}
}
@-moz-keyframes shake {
 /* Firefox */
0%, 100% {
 -moz-transform: translateX(0);
 }
 10%,
 30%,
 50%,
 70%,
 90% {
 -moz-transform: translateX(-5px);
 }
 20%,
 40%,
 60%,
 80% {
 -moz-transform: translateX(5px);
 }
}


/* eassyTopicLibrary.jsp */
.topic_a{
	text-align: right;	
}

.topic_a div{
	border: 1px solid #FF4B40;
	color: #FF4B40;
    border-radius: 4px;
    display: inline-block;
    width: 90px;
    text-align: center;
    padding: 0.5% 0;
    font-size: 14px;
    margin-left: 10px;
    cursor: pointer;
}

.topic_b{
	font-size: 14px;
    color: #666666;
    display: flex;
    border-bottom: dashed 1px #DEDEDE;
    padding: 2% 0;
}

.topic_b:first-child{
	padding-top: 5px;
}

.topic_b:last-child{
	border-bottom: 0px;
}

.topic_b ul{
	width: 78%;
}

.topic_b ul li{
	display: inline-block;
	color: #333333;
	border-radius: 3px;
	text-align: center;
	padding: 3px 7px;
    min-width: 67px;
    margin: 0 1.5%;
    cursor: pointer;
}

.topic_c{
	padding: 3px 7% 3px 3%;
}

.topic_select{
	background: #FFEFEE;
	border: 1px solid #FF4B40;
	color: #FF4B40 !important;
}

.topic_type input{
	display: none;
}

.topic_d{
	background: #F5F7FA;
	border-radius: 6px;
	height: 500px;
	margin-bottom: 1%;
	display: flex;
    align-items: center;
}

.topic_f{
	height: 450px;
	width: 40%;
	overflow: auto;
	cursor: pointer;
}

.topic_f::-webkit-scrollbar { 
	width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
	height: 2px;
}

.topic_f::-webkit-scrollbar-thumb { /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px #AAB2BD;
	background: #aab2bd;
}

.topic_f::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 5px #E6E9ED;
	border-radius: 10px;
	background: #E6E9ED;
}

.topic_g::-webkit-scrollbar { 
	width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
	height: 2px;
}

.topic_g::-webkit-scrollbar-thumb { /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px #AAB2BD;
	background: #aab2bd;
}

.topic_g::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 5px #E6E9ED;
	border-radius: 10px;
	background: #E6E9ED;
}

.eay2_div{
	height: 580px;
	overflow-y: auto;
}

.eay2_div::-webkit-scrollbar { 
	width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
	height: 2px;
}

.eay2_div::-webkit-scrollbar-thumb { /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px #AAB2BD;
	background: #aab2bd;
}

.eay2_div::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 5px #E6E9ED;
	border-radius: 10px;
	background: #E6E9ED;
}

.topic_f div{
	font-size: 14px;
    color: #333333;
    border-radius: 100px;
    width: 85%;
    padding: 10px 12px 10px 13px;
    margin: 0 auto;
}

.topic_f_select{
	background: #FFEFEE;
	color: #FF4B40 !important;
}

.topic_g{
	height: 450px;
	overflow: auto;
	width: 60%;
	padding: 0 2% 2% 2%;
}

.topic_g2{
	background: #F5F7FA;
	padding: 1% 2% 2% 2%;
}

.topic_h{
	font-size: 14px;
	color: #999999;
	margin-bottom: 10px;
}

.topic_j{
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
}

.topic_k img{
	width: 95px;
	margin-right: 15px;
}

.topic_l{
	margin-bottom: 20px;
	overflow-y: auto;
}

.topic_l::-webkit-scrollbar { 
	width: 5px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
	height: 6px;
}

.topic_l::-webkit-scrollbar-thumb { 
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px #AAB2BD;
	background: #aab2bd;
}

.topic_l::-webkit-scrollbar-track { 
	-webkit-box-shadow: inset 0 0 5px #E6E9ED;
	border-radius: 10px;
	background: #E6E9ED;
}

.topic_l img{
	margin-bottom: 10px;
}

.topic_fan{
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
    border-radius: 23px;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    width: 150px;
    padding: 7px 0;
    margin: 5% auto 10px auto;
    cursor: pointer;
}

.es_book{
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 4px;
	font-size: 15px;
	color: #FFFFFF;
	text-align: center;
	width: 255px;
	padding: 1% 0;
    margin-top: 4%;
    display: inline-block;
    cursor: pointer;
}

.es_book1{
	font-size: 14px;
    float: right;
    margin-top: 4%;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #FF4B40;
}

.es_up_a{
	background: #FF4B40;
	border-radius: 10px;
	font-size: 12px;
	color: #FFFFFF;
	width: 70px;
	text-align: center;
	height: 20px;
	margin: 0px 0px 0 10px;
}

.es_up_b{
	display: flex;
	font-size: 13px;
	color: #333333;
	margin-bottom: 2%;
}

.es_up_c{
	width: 25px;
    height: 13px;
    margin-left: 5px;
}

.es_up_d{
	padding: 10px;
	margin-right: 10px;
	margin-top: 5px;
}

.es_up_f{
	background-image: linear-gradient(90deg, #FF7465 1%, #FF4B40 100%);
	border-radius: 4px;
    font-size: 13px;
    color: #FFFFFF;
    float: right;
    font-weight: 500;
    padding: 2px 10px 3px 10px;
    margin-left: 15px;
    cursor: pointer;
}

.tipbarInner {
   position: relative;
    background: white;
    z-index: 10000;
    border-radius: 3px;
}

.shadow {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 999;
    background-color: rgb(0, 0, 0);
    opacity: 0.55;
    position: fixed;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.guideImg-div {
    z-index: 10000;
    position: absolute;
}

.guideImg{
	position: relative;
	top: -100px;
    left: 150px;
}

#topicImgUrl{
	margin-top: 20px 0px 0px 20px;
	padding-bottom: 10px;
}

#topicImgUrl img{
	margin-bottom: 10px;
	max-width: 100%;
}

.model-title{
	text-align: center;
	margin-top: 1rem;
    font-size: 1.2rem;
}

#eay2_table{
	width: 100%;
}

#eay2_table th{
	text-align: center;
	font-size: 14px;
	color: #333333;
	padding: 5px 0;
}

#eay2_table th span{
	color: #656D78;
	font-weight: 500;
}

#eay2_table td{
	padding: 2% 2%;
	text-align: center;
}

#eay2_table tr td:first-child{
	text-align: left;
	padding-left: 10%;
}

#eay2_table tr:nth-child(even){background: #F5F7FA;}

#eay2_table tr:nth-child(odd){background: #EEF1F5;}

.btn_dis{
	background: #E6E9ED;
    color: #656D78;
}

.stuUseTopicEssayTable{
	width: 100%;
    margin: 1rem auto;
}

.stuUseTopicEssayTable tr td{
	padding: 0.5rem 0;
}

/* commonProblems.jsp */
.cp_a{
	font-size: 20px;
	color: #333333;
	font-weight: 600;
}

.cp_b{
    margin-bottom: 20px;
}

.cp_b p{
	cursor: pointer;
}

.cp_b p,.cp_b div{
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	
}

.cp_b div{
	font-size: 15px;
}

.cp_b div{
    height: auto;
    display: none;
}

.cp_c{
	height: 20px;
	display:flex;
}

.td_text{
	text-align: center;
    font-size: 16px !important;
    color: #FF4B40 !important;
    padding: 10px 0 0 0 !important;
    height: auto !important;
}

.cont_btn_div {
   font-size: 14px;
    color: #FF4B40;
    background: #FFEFEE;
    border: 1px solid #FF4B40;
    border-radius: 4px;
    width: 100px;
    margin-left: 15px;
    margin-top: -8px;
    cursor: pointer;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cont_btn_div_select{
	background: #FF4B40;
	border: 1px solid #FF4B40;
	color: #FFFFFF;
}

@media screen and (max-width: 1400px) {
	#daohang_div {
		right: 2%;
	}
}

@media screen and (max-width: 1300px) {
	#eay2_table th:first-child{
		width: 25.5% !important;
	}
	
	.content_right {
		width: 67%;
	}
	.content_bz {
		width: 278px;
		position: relative;
		top: -52px;
	}
	.content_book,.content_es,.content_lj {
		font-size: 10px;
	}
	
	.trialBook .nav-tabs>li>a ,.cls_time, .cls_time_book{
	    width: 107px;
	}
	
	.cont_btn6 {
	    margin-right: 0px;
	}
	
	.topic_b ul li{
	    min-width: 65px;
	    margin: 0px;
	}
	
	.tips_content p,.tips_show,.topic_b,.cont_sp_class td {
    	font-size: 12px;
	}
	
	.tips_content {
	    max-height: 59px;
	}
	
	.t_b1 li {
	    font-size: 16px;
	}
	
	.content_g{
		font-size: 22px;
	}
	
	#eay2_table tr td:first-child{
		text-align: left;
		padding-left: 5%;
	}
}

@media (min-width: 576px){
	.modal-dialog {
	    max-width: 643px;
	    margin: 1.75rem auto;
	}
}

.on_btn{
	border: 1px solid #FF7465;
    color: #FF7465;
    background-color: #f9f7f7;
    border-radius: 5px;
    font-size: 11px;
    margin-left: 118px;
    margin-top: 5px;
    margin-bottom: 40px;
} 


.e_tips{
	margin-top: -24px;
    display: block;
    margin-bottom: 5px;
    margin-left: 12px;
}

.e_fanl{
	margin-left: 125px;
    margin-bottom: 40px;
}

.content_lbl{
	 font-weight: bold;
	 font-size: 16px;
	 color: black;
 }

.content_span{
	float: right;
	margin-right: 16px;
	color: #666666;
}

.breach_d{
	width: 200px;
	box-shadow: 0 0 4px #00000061;;
}
.breach_d2{
	display: inline-block;
	text-align: center;
	margin-bottom: 5px;
}
.breach_d2  label{
	width: 100px;
	border-bottom: 1px solid #9999;
	margin-top: 10px;height: 24px;
}

.breach_d2 p{
	line-height: 25px;
}
.bind_wei{
	width: 100px;
	height: 32px;
	border-radius: 4px;
	border: 0;
	background-color: #9999991c;
	border: 1px solid #9999;
	margin-left: 28px;
}

.way_01{
	font-family: SourceHanSansSC-Medium;
	font-size: 20px;
	color: #333333;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 26px;
	font-weight: 600;
}

.e_w1{
	background: #FF4B40;
	border-radius: 6px 6px 0 0;
	width: 370px;
	height: 50px;
	line-height: 50px;
}
.e_w1 span{
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	color: #FFFFFF;
}

.e_w1 img{
	/*opacity: 0;*/
	vertical-align: sub;
}

.e_w2{
	background: #F5F5F5;
	border: 1px solid #FF4B40;
	border-radius: 6px;
	width: 370px;
	height: 230px;
	text-align: left;
	padding-left: 33px;
	padding-top: 10px;
}
.e_w2 p{
	font-family: SourceHanSansSC-Regular;
	font-size: 16px;
	color: #383838;
	line-height: 36px;
}

.w_01{
	background: #E5E5E5;
	border-radius: 6px 6px 0 0;
	height: 50px;
	line-height: 50px;
}
.w_01 span{
	font-family: SourceHanSansSC-Regular;
	font-size: 18px;
	color: #999999;
}

.w_02{
	background: #F5F5F5;
	border-radius: 6px;
	width: 200px;
	height: 230px;
	text-align: left;
	padding-left: 33px;
	padding-top: 10px;
}

.w_02 p{
	font-family: SourceHanSansSC-Regular;
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}

[v-cloak] {
	display: none;
}

#stuAccount{
	padding-top: 5px;
}
#stuAccount p{
	margin-bottom: 5px;
	margin-left: 23px;
	font-weight: bold;
}
#stuAccount div{
	display: flex;
}
.s_dp{
	width: 100%;
}
.dp1{
	width: 57%;
	padding-left: 25px;
}
.stu_bg{
	background: #E6E9ED;
}
.s_dp:hover{
	cursor:pointer
}
.down_material{
	width: 118px;
	/*border: 1px solid #FF4B40;
	background-color: white;*/
	background: #FFEFEE;
	line-height: 2px;
	margin-left: 21px;
	color: #FF4B40;
}

.es_title{
	font-size: 22px;
	color: black;
	font-weight: 600;
	text-align: center;
	margin: 34px 10px 6px 10px;
}

.es_tp{
	font-size: 14px;
	color: #f92b1f;
	background: #FFEFEE;
	border-radius: 34px;
	width: 325px;
	margin: auto;
	text-align: center;
	height: 34px;
	line-height: 35px;
}

.es_dv{
	display: flex;
	justify-content: space-around;
	width: 590px;
	margin: auto;
}

.es_dv>div{
	border: 1px solid #cccccc;
	width: 125px;
	height: 125px;
	border-radius: 8px;
	padding-top: 13px;
	text-align: center;
}
.es_dv3{
	display: flex;
	justify-content: center;
	align-items: Center;
}
.es_active{
	border: 2px solid #FF4B40 !important;
}

.es_active strong{
	color: #eb1f11 !important;
}

.es_active p{
	color: #eb1f11 !important;
}

.es_active span{
	color: #eb1f11 !important;
}
.es_active label{
	color: #eb1f11 !important;
}

.es_dv3 strong{
	font-size: 16px;
	font-weight: 700;
	color: #666262;
}
.es_dv3 span{
	color: #939292;
}
.es_dv3 p{
	margin-top: 6px;
}
.es_dv3 p label{
	font-size: 27px;
	margin-bottom: 0;
}
.es_p{
	margin: 46px 0px 7px 66px;
	color: #3e3c3c;
}
.es_tips{
	color: white;
	border-radius: 23px;
	background-color: #FF4B40;
	font-size: 12px;
	width: 57px;
	height: 24px;
	line-height: 26px;
	position: absolute;
	margin-top: -133px;
	margin-right: -91px;
}
.es-cancel-btn{
	border: 1px solid #FF4B40;
	border-radius: 6px;
	font-size: 14px;
	color: #FF4B40;
	letter-spacing: 0;
	text-align: center;
	width: 250px;
	padding: 10px 0;
	display: inline-block;
	margin-bottom: 10px;
	cursor: pointer;
}
.es-buy-btn{
	background-color: #FF4B40;
	border-radius: 6px;
	font-size: 14px;
	color: #FFFFFF !important;
	letter-spacing: 0;
	text-align: center;
	width: 250px;
	padding: 10px 0;
	display: inline-block;
	margin-bottom: 10px;
	cursor: pointer;
	margin-left: 33px;
}

.c_essay_btn{
	background-color: #FF4B40;
	border-radius: 6px;
	margin-top: 30px;
	width: 158px;
	color: #FFFFFF !important;
	padding: 7px 0;
	display: inline-block;
	margin-bottom: 10px;
	cursor: pointer;
}
.tea_copy_zoom{
	width: 70px;
	border-radius: 6px;
	font-size: 14px;
	margin: 0px 0px 0px 5px;
	padding: 2px 0px;
	background: #FF4B40;
	border: 1px solid #FF4B40;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
	outline: none;
}





/**************模考报告样式开始****************/
.total_score_warp{
	display: flex;margin: 2% 0 0 0;justify-content: center;align-items: center;
}
.total_score_left{
	width: 55%;display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: column
}
.t_s_l_l{
	display: flex;width: 100%;
	padding-left: 16px;
}

.t_s_l_r{
	margin: 3.5% 0px 3%;width: 100%;
}
.total_score_rigth{
	display: flex;flex: 1 1 0%;position: relative;height: 280px; align-content: center;align-items: center;justify-content: center;margin-left: 10%
}
.tip_text1{

	font-family: PingFangSC-Semibold;
	font-size: 14px;
	color: #666666;
	text-align: justify;
	line-height: 20px;
	font-weight: 600;
	padding: 0 0 3px 8px;
}
.tip_text2{
	padding-left: 16px;font-family: PingFangSC-Regular;font-size: 14px;color: #666666;text-align: justify;line-height: 20px;font-weight: 400;
}
.tip_text3_wrap{
	background: rgba(236,205,74,0.10);
	border: 1px solid rgba(236,205,74,1);border-radius: 4px;
	display: flex;
	width: auto;
	padding: 0.4% 0;
	margin :2% 0  2.5% 16px;
	display: flex;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}
.tip_text3{
	font-family: PingFangSC-Medium;
	font-size: 15px;
	color: #CDAA14;
	font-weight: 500;
}
.score_text1{
	line-height: 50px;font-family: Arial-BoldMT;font-size: 40px;color: #6DB0D6;font-weight: 700;
}
.total_score{
	font-family: Arial-BoldMT;
	font-size: 50px;
	color: #FF4B40;
	font-weight: 700;
	line-height: 50px
}

/*模考报告表格样式*/
.mock_table_title{
	text-align:center;
	background:#EBEFF3;
	font-family: PingFangSC-Semibold;
	font-size:15px;
	color:#383838;
	font-weight: 700;
	height:40px;
	padding:0;
	width: 100%;
	border-radius: 10px 10px 0px 0px;
}

.score_table_tr td{
	border: 1px solid rgba(235,239,243,1);
	text-align: center;
	height: 65px;
}

.score_td_title{
	text-align: left !important;
	padding:0 0 0 10px ;
 }
.score_td_title p:nth-child(1){
	padding-bottom: 2px;
}
.score_td_number{
	font-family: PingFangSC-Semibold;
	font-size: 14px;
	color: rgb(51, 51, 51);
	width: 70px;
}

.score_table {
	border-collapse: separate;
	border-spacing: 0;
	background-color: white;
	border: 1px solid rgba(235,239,243,1);
	width: 100%;height: auto;
	border-radius: 10px 10px 10px 10px;
	/*border: solid 2px #dfdfdf;*/

}
/**************模考报告样式结束****************/
